<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 解构：解析构造

        // const arr = [1,2] ;

        // const a = 1 ;

        // const b = 2 ;

        // const [a , b] = [1 , 2] ;
        

        // const [a , b] = arr ;

        // console.log(a , b);


        // const [index , t] = [0 , ] ;

        // console.log(index , t);


        // const [a , b , c] = [1 , [2 , 3] , 4] ;

        // console.log(b);   [2,3]

        // const [a , [b] , c] = [1 , [2 , 3] , 4] ;

        // console.log(b);   // 2

        // const [a , [, b] , c] = [1 , [2 , 3] , 4] ;

        // console.log(b);   // 3

        // const [a , [, , b] , c] = [1 , [2 , 3] , 4] ;

        // console.log(b);   // udefined


        // let a = 1 ;

        // let b = 2 ;

        // // 交换两个变量的值
        // [a , b] = [b , a] ;

        // console.log(a , b);


        // const userName = '小花' ;
        // const userAge = 17 ;
        // const userSex = '女' ;
        // const say = function() {
        //     console.log('hello');
        // }

        // const [userName , userAge , userSex , say] = ['小花' , 17 , '女' , function(){console.log('hello');}] ;

        // console.log(say);
        // say() ;


        // const obj = {
        //     name : '小花' , 
        //     age : 17 , 
        //     sex : '女' , 
        //     fn : function() {
        //         console.log('hello');
        //     }
        // }

        // // 对象是无序的！！！！
        // const {name : userName , age : userAge , sex : userSex , fn : say} = obj ;

        // console.log(userAge);


        const obj = {
            userName : '小花' ,
            userAge : 17 , 
            userSex : '女' ,
            say : function() {
                console.log('hello');
            }
        }

        // const {userName : userName , userAge : userAge , userSex:userSex , say : say } = obj ;

        // 对象具有无序性
        const {say , userName , userAge , userSex} = obj ;

        console.log(say);


        



    </script>
    
</body>
</html>